<html>
<head>
<title>Alladyn Project Vax Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<script src="../js/Alladyn.js">
</script>
<script>
function start(){
	for(i=0;i<s;i++)
	for(j=0;j<s;j++)
	vlay['a'+i+j].vclip(w*j,w*(i+1),w*(j+1),w*i)
	vlay.a.vopacity(40)
	demo1()
}

function demo1(){
	for(i=0;i<s;i++)
	for(j=0;j<s;j++)
	with(vlay['a'+i+j]){
		vkf({top:10-i*400,left:10-j*800},1);vkf({left:395+2*i,top:195+2*j},15+5*j+6*i)
		van.go=true;
	}
	STPE.go('',1,true,'zsun()')
}

function zsun(){
	for(i=0;i<s;i++)for(j=0;j<s;j++)vlay['a'+i+j].vpos(400,200)
}
</script>
<style type="text/css">
#content {
   font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
   font-size: 13px; 
   line-height: 20px; 
   color:#DDDDFF;
}
.content {
   font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
   font-size: 13px; 
   line-height: 20px; 
   color:#DDDDFF;
}
#content a:link,a:active,a:visited {text-decoration:none; color: #EECC99}
#content a:hover {text-decoration:none; color: #FFFFFF}
.spec1 {
   
   font-weight:bold;
   
color:#99AAFF;}

.header { font-size: 18px; }

</style>
</head>

<body background="../img/bg.gif" onload="Alladyn();start()" text="#FFFFFF">
<div id=a style="position:absolute;left:410;top:210"><img src="../img/demo.jpg" width="180" height="180"></div>
<script>
w=25
s=8
h=''
for(i=0;i<s;i++)for(j=0;j<s;j++)h=h+'<div id=a'+i+j+' style="position:absolute;left:400;top:200"><img src="../img/demo.jpg"></div>'
document.write(h)
</script>
<div id="content" style="position:absolute;left:20;top:0"><img src="../img/gallery_head_eng.gif" border="0" width="207" height="33"><br>
source: <a href="http://alladyn.art.pl">http://alladyn.art.pl</a><br /><br /><br />

<span class="header">Puzzle</span><br />
author: Vax <a href="mailto:vax@alladyn.art.pl">vax@alladyn.art.pl</a>
<br /><br /><br />
<a href="gallery.html">Back</a>


</div>
</body>
</html>
